<template>
	  <view
	    class="btn"
	    @click="onBtnClick"
	   :style="'bottom: {{ bottom ? bottom : 100 }}rpx; background-color: rgb(142, 151, 253, {{ opacity ? opacity : 1 }});'"
	  >
	    {{ data.text }}
	  </view>
</template>

<script>
	export default {
		props:['data'],
		data() {
			return {
				
			};
		},
		methods:{
				
			onBtnClick(){
				
				this.$emit('onBtnClick')
			}
		}
	}
</script>

<style lang="scss">
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 40rpx;
  left: 65rpx;
  width: 620rpx;
  height: 100rpx;
  border-radius: 100rpx;
  font-size: 30rpx;
  background-color: #8E97FD;
  color: #F6F1FB;
  z-index: 2;
}
</style>
